<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title><%=htmlWebpackPlugin.options.title%></title>
  <style>
    body {
      background-color: #252526;
    }
  </style>
  <script type="text/javascript" src="<%=htmlWebpackPlugin.options.urlPrefix%>public/js/vConsole/vconsole.min.js"></script>
  <script type="text/javascript" src="<%=htmlWebpackPlugin.options.urlPrefix%>public/js/jquery/jquery-3.4.1.min.js"></script>
  <script type="text/javascript" src="<%=htmlWebpackPlugin.options.urlPrefix%>public/js/layer/layer.js"></script>
  <script type="text/javascript" src="<%=htmlWebpackPlugin.options.urlPrefix%>public/js/monaco-editor/min/vs/loader.js"></script>
</head>

<body>
  <div class="show-container-left" title="显示资源管理器"></div>
  <div class="workbench-root" style="visibility: hidden;">
    <!-- workbench头部(顶部工具栏) -->
    <div class="workbench-header">
      <div class="open-file-full-path">
        <span class="workspace-title">[workspace]</span>
        <span class="file-full-path-title">
          <!--
          <span class="path-title">src</span>
          <span class="path-separate"></span>
          <span class="path-title">assets</span>
          <span class="path-separate"></span>
          <span class="path-title">images</span>
          <span class="path-separate"></span>
          <span class="path-title">vscode-icons</span>
          <span class="path-separate"></span>
          <span class="path-title">dark</span>
          <span class="path-separate"></span>
          <span class="path-title">index2.js</span>
          -->
        </span>
      </div>
      <div class="workbench-header-tools">
        <!-- <div class="button debug" title="调试"></div> -->
        <!-- <i class="fa-button fa fa-dot-circle-o" aria-hidden="true" title="定位脚本位置"></i> -->
        <!-- <i class="fa-button fa fa-play" aria-hidden="true" title="正在运行"></i> -->
        <!-- <i class="fa-button fa fa-stop" aria-hidden="true" title="停止调试"></i> -->
        <div class="button listener-logs" title="监听当前脚本日志"></div>
        <select id="debug-method-name" class="select-method" title="选择调试方法名">
          <option value="">请选择方法名</option>
          <!-- <option value="method1">method1</option> -->
        </select>
        <i class="fa-button fa fa-bug debug" aria-hidden="true" title="开始调试"></i>
        <i class="fa-button fa fa-file-text-o" aria-hidden="true" title="运行日志"></i>
        <i class="fa-button fa fa-history" aria-hidden="true" title="查看文件历史"></i>
        <div class="button console" title="隐藏控制台"></div>
        <i class="fa-button fa fa-keyboard-o" aria-hidden="true" title="查看快捷键"></i>
      </div>
    </div>

    <!-- workbench主内容区 -->
    <div class="workbench-container">
      <div class="container-left">
        <div class="left-title">
          <div class="title">资源管理器</div>
          <div class="actions">
            <div class="button close" title="关闭资源管理器"></div>
          </div>
        </div>
        <!-- 已打开文件面板(opened-file-content) -->
        <div class="panel opened-file">
          <div class="panel-tools expanded">
            <span class="title">已打开的脚本</span>
            <span class="actions">
              <span class="button save-all" title="全部保存"></span>
              <span class="button close-all" title="全部关闭"></span>
            </span>
          </div>
          <div class="panel-content expanded">
            <div id="opened-file-content">
            </div>
          </div>
        </div>
        <!-- 当前打开的工作空间面板(workspace-content) -->
        <div class="panel workspace">
          <div class="panel-tools expanded">
            <span class="title">workspace-name</span>
            <span class="actions">
              <span class="button position-file" title="定位文件位置"></span>
              <span class="button create-file" title="新增文件"></span>
              <span class="button create-folder" title="新增文件夹"></span>
              <span class="button refresh" title="刷新资源管理器"></span>
              <span class="button collapse-all" title="折叠文件夹"></span>
            </span>
          </div>
          <div class="panel-content expanded workspace-content">
            <div id="workspace-file-tree"></div>
          </div>
        </div>
        <!-- 底部面板切换工作空间(switch-workspace-content)) -->
        <div class="panel switch-workspace">
          <div class="panel-tools">
            <span class="title">切换工作空间</span>
            <span class="actions">
              <span class="button refresh" title="刷新工作空间"></span>
            </span>
          </div>
          <div class="panel-content">
            <div id="switch-workspace-content"></div>
          </div>
        </div>
      </div>
      <div class="container-center">
        <div class="editor-container">
          <!-- 未打开编辑器显示的页面 -->
          <div id="container-center-page" class="page-content">
            <!-- 在线开发平台，使用JavaScript语言 -->
          </div>
          <!-- 编辑文件页签-工具栏 -->
          <div class="editor-tools" style="display: none;">
            <div class="open-file-tabs">
              <!--
              <div class="file-title active">
                <span class="file-type file-type-js"></span>
                <span class="file-name">index1.js</span>
                <span class="file-close need-save" title="关闭"></span>
              </div>
              -->
            </div>
            <div class="editor-tools-buttons">
              <div class="button save-file" title="保存文件"></div>
              <div class="button lock-file" title="设置为只读"></div>
              <div class="button delete-file" title="删除文件"></div>
              <!-- <div class="button close-all-file" title="关闭所有"></div> -->
            </div>
          </div>
          <!-- 编辑器实例 -->
          <div id="monaco-editor-instance" class="editor-instance" style="display: none;"></div>
        </div>
        <div class="console-container">
          <!-- 控制台顶部工具栏 -->
          <div class="console-top-tools">
            <div class="console-top-tabs">
              <!-- <span class="tab-title">问题</span> -->
              <!-- <span class="tab-title">输出</span> -->
              <span class="tab-title active">终端</span>
            </div>
            <div class="console-top-buttons">
              <select class="log-filter" title="日志级别过滤">
                <option value="all">all</option>
                <option value="debug">debug</option>
                <option value="info">info</option>
                <option value="log">log</option>
                <option value="warn">warn</option>
                <option value="error">error</option>
              </select>
              <div class="button console-top-expanded-folded expanded" title="展开控制台"></div>
              <div class="button console-top-close" title="关闭"></div>
            </div>
          </div>
          <!-- debug日志 -->
          <div class="v-console-container">
            <div class="v-console-tools">
              <!-- 清除日志 -->
              <div class="button clear-log" title="清除日志"></div>
              <!-- 跟随日志滚动 -->
              <div class="button follow-log" title="跟随滚动"></div>
              <!-- 断开连接 -->
              <!-- <div class="button disconnect" title="断开日志"></div> -->
            </div>
            <div id="vConsoleByDebug"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- workbench底部(底部工具栏) -->
    <div class="workbench-footer">
      <div style="margin-left: 8px;">clever-nashorn-workbench</div>
    </div>
  </div>
</body>

</html>
